<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>汽车购票系统</title>
    <link rel="stylesheet" href="../css/frozen.css">
    <link rel="shortcut icon" href="../img/carTitlePicture.jpg"/>
    <style>
        .Date{
            color: black;
            font:0.2rem "微软雅黑";
            text-align: center;
        }
        .infOne{
            background: white;
        }

        .caeInailtal{
            color: deepskyblue;
        }
        .infOne{
            padding: 0.2rem 0;
            border-bottom: 1px solid gray;
        }
        .infTwo{
            background: white;
            border-bottom: 1px solid gray;
            padding: 0.2rem 0;
        }
        .ui-poptips{
            width: 100vw;
            height: 40vh;
            position: fixed;
            right: 0;
            bottom: 0;
            margin: auto;
            display: none;
        }
    </style>
</head>
<body ontouchstart="">
<header class="ui-header ui-header-positive  ">
    <i class="ui-icon-return" onclick="history.back()"></i><h1 style="font-size: 0.3rem">确认订单</h1>
</header>
<footer class="ui-footer ui-footer-btn">
    <ul class="ui-tiled ui-border-t">
        <li data-href="index.html" class="ui-border-r" style="background-color: #18B4ED"><div style="color: #fffefe">车票预订</div></li>
        <li data-href="ui.html" class="ui-border-r jumpOne"><div>订单查询</div></li>
        <li data-href="js.html" class="jumpTwo"><div>我的信息</div></li>
    </ul>
</footer>
<section class="ui-container">
    <div class="ui-whitespace">
        <p class="ui-txt-default Date"></p>
    </div>
    <div class="ui-border-b infOne">
        <ul class="ui-tiled">
            <li><div id="startSeat" style="font-size: 0.3rem"></div><i style="color:deepskyblue;font-size: 0.15rem"><span>8</span>:00出发</i></li>
            <li><div class="caeInailtal" style="font-size: 0.25rem"></div><i><img src="../img/myRow.png" alt="row"/></i></li>
            <li><div id="endSeat" style="font-size: 0.3rem"></div><i style="color:deepskyblue;font-size: 0.15rem">(终点)</i></li>
        </ul>
    </div>
    <div class="ui-row-flex ui-whitespace ui-border-b infTwo">
        <div class="ui-col ui-col-1 reallyName" style="text-align: center"></div>
        <div class="ui-col ui-col-2" style="text-align: center"><span class="idCard1"></span>***********<span class="idCard2"></span></div>
        <div class="ui-col ui-col-1" style="color:#18B4ED ">￥<span class="price"></span></div>
    </div>
    <div class="ui-btn-wrap">
        <button class="ui-btn-lg ui-btn-primary orderBtn">
            提交订单
        </button>
    </div>
    <div class="ui-tips ui-tips-info" style="text-align: left;font-size: 0.15rem">
        <i></i><span>温馨提示:</span><br>
        <span>提交订单后记得订单查询页面查看个人订单信息</span>
    </div>
    <!--提示框-->
    <div class="ui-poptips ui-poptips-warn closeTip">
        <div class="ui-poptips-cnt"><i></i>友情提示</div>
        <div class="ui-poptips-cnt" style="text-align: left"><span id="tipSection"></span></div>
        <div class="ui-poptips-cnt"><button class="ui-btn continueLookUp" >确定</button></div>
    </div>
</section>
<script src="../lib/zepto.main.1.20.js"></script>
<script src="../lib/NEWzepto.tocuh.js"></script>
<script src="../js/frozen.js"></script>
<script src="../js/comfirmOrder.js"></script>
<script>
    $('.jumpOne').on('tap',function(){
        location.href="query.html";
    });
    $('.jumpTwo').on('tap',function(){
        location.href="yourselfNews.html";
    });
</script>
</body>
</html>